<div class="page-title">
	<img src="svg_img/system_black.svg"> <h1 data-trans="password_management"></h1>
</div>
<div id="innerContainer">
    <div class="limit-container">
        <form id="frmPassword" role="form">
                <div class="content">
                    <div class="row mb-3">
                        <label class="col-md-4 col-form-label" data-trans="current_password" for="txtCurrentPassword"></label>
                        <div class="col-md-6 col-12 position-relative">
                            <span class="pass-icon"></span>
                            <input id="txtCurrentPassword" name="txtCurrentPassword" type="password" data-bind="value: currentPassword, visible:!showLoginPassword()" class="required form-control" minlength="5" maxlength="32"/>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label class="col-md-4 col-form-label" data-trans="new_password" for="txtNewPassword"></label>
                        <div class="col-md-6 col-12 position-relative">
                            <span class="pass-icon"></span>
                            <input id="txtNewPassword" name="txtNewPassword"  type="password" data-bind="value: newPassword, visible:!showLoginPassword()" class="required form-control" minlength="5" maxlength="32"/>
                        </div>
                        <div class="col-md-2 col-2 Strength-div-md">
                            <div class="Strength">
                                <div id = "passStrength">					
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label class="col-md-4 col-form-label" data-trans="confirm_password" for="txtConfirmPassword"></label>
                        <div class="col-md-6 col-12 position-relative">
                            <span class="pass-icon"></span>
                            <input id="txtConfirmPassword" name="txtConfirmPassword" type="password" data-bind="value: confirmPassword, visible:!showLoginPassword()" class="required form-control" minlength="5" maxlength="32"/>
                        </div>
                    </div>
                    <div id="lblShowLoginPassword" class="clear"></div>
                </div>
                <div class="form-buttons">
                    <input id="btnPwdApply" type="submit" class="btn btn-primary" data-trans="apply"/>
                    <!--input id="btnPwdCancel" type="button" data-bind="click: cancel" class="btn-1 " data-trans="cancel"/-->
                </div>
                <div class="form-information d-none">
                    <p class="bg-info" data-trans="pwd_note"></p>
                </div>
                <div class="form-note">
                    <div class="notes-title">&nbsp;</div>
                    <ul class="notes-content">
                        <li data-trans="password_note_info"></li>
                        <li data-trans="password_note_valid"></li>
                        <li data-trans="password_note_input"></li>
                    </ul>
                </div>
        </form>
    </div>
</div>
